<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


    <style>
        #app{
            width: 300px;
            border: 1px solid red;
            margin: 0 auto; /* 上下  左右*/
        }

        h2{
            font-size: 16px;
            background: #e58f4a;
            color: white;
        }

        form{
            background: #e58f4a;
        }

        div:nth-of-type(1) input{
            border: 3px solid #000000;
        }

        div:nth-of-type(2) input{
            border: 3px solid #e58f4a;
        }

        div:nth-of-type(3) input{
            border: 2px dashed #690ce0;
        }

    </style>


</head>
<body>
<div id="app">
  <h2>VIP&nbsp;&nbsp;Login</h2>
  <form action="" method="get">
    <div>
        <span>name:</span>
        <input type="">
    </div>

      <div>
        <span>password:</span>
        <input type="">
    </div>

      <div>
        <span>email:</span>
        <input type="">
    </div>
  </form>

</div>
</body>
</html>